<#include "../common/_layout.html"/>
<@layout>
	<!-- 导航菜单 -->
	<div class="bjui-leftside" id="bjui-leftside">
        <div id="bjui-sidebar-s">
            <div class="collapse">
                <div class="toggleCollapse"><div title="展开菜单"><i class="fa fa-angle-double-right"></i></div></div>
            </div>
        </div>
        <div id="bjui-sidebar">
            <div class="toggleCollapse"><h2>主菜单</h2><div title="收缩菜单"><i class="fa fa-angle-double-left"></i></div></div>
            <div class="panel-group panel-main" data-toggle="accordion" id="bjui-accordionmenu" data-heightbox="#bjui-sidebar" data-offsety="24">
                <div class="panel panel-default">
                    <div class="panel-heading panelContent">
                        <h4 class="panel-title"><a data-toggle="collapse" data-parent="#bjui-accordionmenu" href="#bjui-collapse0" class="active"><i class="fa fa-caret-square-o-down"></i>&nbsp;基本信息</a></h4>
                    </div>
                    <div id="bjui-collapse0" class="panel-collapse panelContent collapse in">
                        <div class="panel-body">
                            <ul id="bjui-tree0" class="ztree ztree_main" data-toggle="ztree" data-on-click="MainMenuClick" data-expand-all="true">
                                <li data-id="1" data-pid="0">表单元素</li>
                                <li data-id="10" data-pid="1" data-url="system/user/list" data-tabid="form-button">按钮</li>
                                <li data-id="11" data-pid="1" data-url="form-input.html" data-tabid="form-input">文本框</li>
                                <li data-id="12" data-pid="1" data-url="form-select.html" data-tabid="form-select">下拉选择框</li>
                                <li data-id="13" data-pid="1" data-url="form-checkbox.html" data-tabid="table">复选、单选框</li>
                                <li data-id="14" data-pid="1" data-url="form.html" data-tabid="form">表单综合演示</li>
                                <li data-id="2" data-pid="0">表格</li>
                                <li data-id="20" data-pid="2" data-url="table.html" data-tabid="table">普通表格</li>
                                <li data-id="21" data-pid="2" data-url="table-fixed.html" data-tabid="table-fixed">固定表头表格</li>
                                <li data-id="22" data-pid="2" data-url="table-edit.html" data-tabid="table-edit">可编辑表格</li>
                                <li data-id="3" data-pid="0">弹出窗口</li>
                                <li data-id="30" data-pid="3" data-url="dialog.html" data-tabid="dialog">弹出窗口</li>
                                <li data-id="31" data-pid="3" data-url="alert.html" data-tabid="alert">信息提示</li>
                                <li data-id="5" data-pid="0">框架组件</li>
                                <li data-id="51" data-pid="5" data-url="tabs.html" data-tabid="tabs">选项卡</li>
                                <li data-id="6" data-pid="0">其他插件</li>
                                <li data-id="61" data-pid="6" data-url="ztree.html" data-tabid="ztree">zTree</li>
                                <li data-id="62" data-pid="6" data-url="ztree-select.html" data-tabid="ztree-select">zTree下拉选择</li>
                                <li data-id="8" data-pid="0">综合应用</li>
                                <li data-id="80" data-pid="8" data-url="table-layout.html" data-tabid="table-layout">局部刷新1</li>
                            </ul>
                        </div>
                    </div>
                    <div class="panelFooter"><div class="panelFooterContent"></div></div>
                </div>
                
                <div class="panel panel-default">
                    <div class="panel-heading panelContent">
                        <h4 class="panel-title"><a data-toggle="collapse" data-parent="#bjui-accordionmenu" href="#bjui-collapse1" class=""><i class="fa fa-caret-square-o-right"></i>&nbsp;系统信息</a></h4>
                    </div>
                    <div id="bjui-collapse1" class="panel-collapse panelContent collapse">
                        <div class="panel-body">
                            <ul id="bjui-tree1" class="ztree ztree_main" 
                                attrs = '{"onClick":"MainMenuClick", "expandAll":true}' nodes='[{"id":9, "pId":0, "name":"关于"},{"id":91, "pId":9, "name": "关于本框架", "nurl":"about.html", "target":"navtab", "rel":"about"}]'>
                            </ul>
                        </div>
                    </div>
                    <div class="panelFooter"><div class="panelFooterContent"></div></div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 工作区 -->
    <div id="bjui-container">
        <div id="bjui-navtab" class="tabsPage">
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                        <li data-tabid="main" class="main active"><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">#maintab#</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent layoutBox">
                <div class="page unitBox">
                    <div class="bjui-pageHeader" style="background:#FFF;">
                        <div style="padding: 0 5px; border-bottom: 1px #DDD solid;">
                            <h4>B-JUI 前端框架 　　<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=0047455f3845597286edd381d54076b1e10a45c0c735115f0ee74961f70880af"><img border="0" src="images/group.png" alt="[B-JUI]Bootstrap4DWZ交流群" title="[B-JUI]Bootstrap4DWZ交流群" style="vertical-align:top;"></a></h4>
                            <hr style="margin: 12px 0 0px;">
                            <div class="row">
                                <div class="col-md-6">
                                    <h5>网址：<a href="http://b-jui.com/" target="_blank">http://b-jui.com/</a></h5>
                                    <h5>项目地址：<a href="http://git.oschina.net/xknaan/B-JUI" target="_blank">GIT</a>　<a href="http://www.oschina.net/p/bootstrap-for-DWZ" target="_blank">OSCHINA</a></h5>
                                    <h5>微博地址：<a href="http://weibo.com/xknaan" target="_blank">http://weibo.com/xknaan</a></h5>                                    
                                </div>
                                <div class="col-md-6">
                                    <h5>DWZ(J-UI)官网：<a href="http://www.j-ui.com/" target="_blank">http://www.j-ui.com/</a></h5>
                                    <h5>Bootstrap中文网：<a href="http://www.bootcss.com/" target="_blank">http://www.bootcss.com/</a></h5>
                                    <h5>QQ交流群：232781006</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="bjui-pageFormContent" data-layout-h="0">
                    
                        <div>
                            <div class="row" style="padding: 0 8px;">
                                <div class="col-md-12">
                                    <div class="panel panel-default">
                                        <div class="panel-heading"><h3 class="panel-title">历史版本</h3></div>
                                        <div class="panel-body">
                                            <table class="table table-condensed table-striped table-hover" width="100%">
                                                <thead>
                                                    <tr>
                                                        <th>版本号</th>
                                                        <th>发布日期</th>
                                                        <th>在线DEMO</th>
                                                        <th>下载地址</th>
                                                        <th>描述</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>1.0 beta</td>
                                                        <td>2014.10.31</td>
                                                        <td>http://b-jui.com/</td>
                                                        <td>http://git.oschina.net/xknaan/B-JUI</td>
                                                        <td>全新的前端框架B-JUI，全Bootstrap插件式的组合，仅借鉴了DWZ的思想，功能已全部重写。</td>
                                                    </tr>
                                                    <tr>
                                                        <td>0.1 released</td>
                                                        <td>2014.08.01</td>
                                                        <td>http://xknaan.com/</td>
                                                        <td>http://git.oschina.net/xknaan/Bootstrap_for_DWZ</td>
                                                        <td>穿上Bootstrap衣服的DWZ</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="panel panel-default">
                                        <div class="panel-heading"><h3 class="panel-title">更新日志</h3></div>
                                        <div class="panel-body">
                                            <table class="table table-condensed table-striped table-hover" width="100%">
                                                <thead>
                                                    <tr>
                                                        <th>更新日期</th>
                                                        <th>更新版本</th>
                                                        <th>更新内容</th>
                                                        <th>重要程度</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>2014.11.04</td>
                                                        <td>V1.0 内测版本</td>
                                                        <td>修复IE8下的selectpicker；多个html5的上传组件bug修复</td>
                                                        <td><span class="label label-info">一般</span></td>
                                                    </tr>
                                                    <tr>
                                                        <td>2014.11.03</td>
                                                        <td>V1.0 内测版本</td>
                                                        <td>在线文档（部分）；zTree - select功能完成；ajax回调功能修整；其他细节完善</td>
                                                        <td><span class="label label-danger">重要</span></td>
                                                    </tr>
                                                    <tr>
                                                        <td>2014.10.31</td>
                                                        <td>V1.0 内测版本</td>
                                                        <td>创建</td>
                                                        <td><span class="label label-danger">重要</span></td>
                                                    </tr>
                                                    <tr>
                                                        <td>2014.09.10</td>
                                                        <td>初始版本</td>
                                                        <td>创建</td>
                                                        <td><span class="label label-default">停更</span></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</@layout>